<template>
  <div class="m-header">
    <div class="icon"></div>
    <h1 class="text">Net Music</h1>
    <!-- <router-link tag="div" class="mine" to="/user">
      <i class="icon-mine"></i>
    </router-link> -->
  </div>
</template>

<script type="text/ecmascript-6">
  export default {}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~common/stylus/variable"
  @import "~common/stylus/mixin"

	.m-header
			position: relative
			height: 44px
			text-align: center
			color: $color-theme
			font-size:$font-size-medium-x
			z-index:10
			background-color:#fff
			.icon
					display: inline-block
					vertical-align: top
					margin-top: 6px
					width: 30px
					height: 32px
					margin-right: 9px
					bg-image('logo')
					background-size: 110px 32px
			.text
					display: inline-block
					vertical-align: top
					line-height: 44px
					font-size: $font-size-large
			.mine
					position: absolute
					top: 0
					right: 0
					.icon-mine
							display: block
							padding: 12px
							font-size: 20px
							color: $color-theme
</style>